<ul class="layui-nav layui-nav-tree" lay-filter="test" lay-shrink="all" id="menu-nav">
  <li class="layui-nav-item layui-this" v-on:click="_gotoPage('/index.html#/pages/property/indexContext')">
    <a href="javascript:;">
      <i class="fa fa-tachometer"></i>
      <cite>首页</cite>
    </a>
  </li>
  <li v-for="menu in menus"
      class="layui-nav-item" :key="menu.id">
    <a v-if="menu.childs != undefined && menu.childs.length >0" href="javascript:;"
       v-on:click="switchMenu(menu.id)">
      <i class="fa " v-bind:class="menu.icon"></i>
      <cite>{{vc.i18n(menu.name)}}</cite>
    </a>
    <dl v-if="menu.childs != undefined && menu.childs.length >0" class="layui-nav-child">
      <dd v-for="subMenu in menu.childs" v-if="subMenu.isShow == 'Y'">
        <a v-on:click="_gotoPage(subMenu.href)" href="javascript:;">
          <cite>{{vc.i18n(subMenu.name)}}</cite>
        </a>
      </dd>
    </dl>
    <a v-if="menu.childs == undefined || menu.childs.length ==0" href="javascript:void(0)"
       v-on:click="_gotoPage(menu.href)">
      <i class="fa " v-bind:class="menu.icon"></i>
      <cite>{{vc.i18n(menu.name)}}</cite>
    </a>
  </li>
</ul>